@import "./indexbase.less";
@bgcolor: rgb(255, 132, 29);
/*<!-- 头部区域 -->*/
#header {
    height: 50px;
    background-color: @bgcolor;
    border-bottom: 1px solid #e6e6e6;
    .left {
        padding: 12px;
        a {
            display: block;
            .header1 {
                overflow: hidden;
                max-width: 185px;
                ;
                max-height: 25px;
            }
        }
    }
    .right {
        padding: 7px;
        a {
            .header2 {
                overflow: hidden;
                max-height: 34px;
            }
        }
    }
}
/*<!-- 搜索区域 -->*/
#search {
    height: 50px;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    background-color: white;
    .searchtxt {
        input {
			padding: 0 170px;
            height: 30px;
            line-height: 30;
            border-radius: 15px;
            border: none;
            background-color: #f1f1f1;
            font-size: 16px;
            width: 90%;
            padding-left: 5%;
        }
    }
    .searchbtn {
        input {
			padding: 0;
            width: 63px;
            position: absolute;
            background-color: @bgcolor;
            border: none;
            border-radius: 15px;
            height: 30px;
            line-height: 30px;
            color: #ffffff;
            font-size: 16px;
            top: 10px;
			right: 10px;
        }
    }
}
/* <!-- 导航区域 -->*/
#nav {
	background-color: white;
	padding: 6px 0 5px 0;
    .nav1 {
        
        div {
			text-align: center;
            a {
                display: inline-block;
                color: #5a5a5a;
                text-align: center;
                img {
                    width: 70px;
                }
            }
        }
        div:nth-child(n+9){
            display: none;
        }
        
    }
    // .nav2 {
    //     div {
	// 			text-align: center;
    //         a {
    //             display: inline-block;
    //             text-align: center;
    //             color: #5a5a5a;
    //             img {
    //                 width: 70px;
    //             }
    //             p {

	// 			}
    //         }
    //     }
    // }
    // .nav3 {
    //     div {
    //         width: 25%;
    //         a {
    //             display: inline-block;
    //             color: #5a5a5a;
    //             text-align: center;
    //             img {
    //                 width: 100%;
    //             }
    //             p {}
    //         }
    //     }
    // }
}
/* <!-- 超值折扣区域 -->*/
.discount {
    .discount1 {
        height: 35px;
        border-bottom: 1px solid #ffc881;
        line-height: 35px;
		background-color: #ff9000;
		padding:0px 12px;
        .mui-pull-left {
            a {
                font-size: 18px;
                color: white;
                font-weight: bold;
            }
        }
        .mui-pull-right {
            text-align: right;
            img {
				width: 50%;
				margin-bottom: 1px;
            }
        }
    }
}
/* <!-- 商品列表区域 -->*/
#product-list{
	padding-bottom: 10px;
	width: 100%;
	float: left;
	.content{
		background-color: #fff;
		text-align: left;
		font-size: 14px;
		margin: 0 auto;
		max-width: 960px;
		ul{
			li{
				padding: 14px 8px;
				position: relative; 
				a{
					display: block;
					.pic{
						float: left;
						width: 110px;
						img{
							width: 100px;
							height: 100px;
						}
					}
					.mui-media-body{
						font-size: 14px;
						.div1{
						
							p{
                                white-space:normal;
								line-height: 24px;
								color: #333;
								word-break: break-all;
								font-size: 15px;
								text-align: left;
								font-weight: normal;
							}
							span{
								color: #ff6c00;
							}
						}
						.div2{
							margin-top: 16px;
							color: #a1a1a1;
							span{
								font-size: 12px;
							}
							i{
								padding-right: 12px;
							}
						}
					}
				}
			}
		}
	}
}
/*<!-- 更多优惠区域 -->*/
.more_bar{
	text-align: center;
	width: 100%;
	a{
		display: block;
		line-height: 30px;
		background-color: #f4f4f4;
		font-size: 13px;
		margin: 10px;
		border-radius: 4px;
		border: 1px solid #ddd;
		color: #5a5a5a;

	}
}
/*<!-- 品牌排行 -->*/
.Brand-ranking{
    background-color: #ff9000;
    padding: 6px 12px;
    height: 35px;
    a{
        height: 23px;
        display: block;
        color: white;
        overflow: hidden;

        span{
            font-weight: 800;
            font-size: 18px;
        }
        img{
            margin-top: 1px;
            width: 20px;
        }
    }
}
/*<!-- 慢慢买底部 -->*/
#footer{
    .foot-top{
        margin-top: 10px;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #c4c4c4;
        height: 34px;
        line-height: 34px;
        width: 100%;
        overflow: hidden;
        display: flex;
        a{
            color: #5a5a5a;
            text-align: center;
            flex: 1;
            display:inline-block;
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            img{
                width: 15px;
                margin-bottom: 6px;
            }
        }
        a:nth-child(n+2){
            border-left: 1px solid #c4c4c4;
        }
    }
    .foot{
        padding: 15px 0;
        p{
            border: 0;
            padding: 0;
            margin: 0;
            text-align: center;
            font-size: 12px;
            a{
                font-size: 12px;
            color: #5a5a5a;
            }
            a:nth-child(1){
                color: red;
            }
        }
    }
}